<div class="home-page">
  <section class="hero-section">
    <div class="container">
      <h1>欢迎来到WebOJ</h1>
      <p class="lead">一个在线的编程练习和竞赛平台</p>
      <div class="cta-buttons">
        <a routerLink="/problems" class="btn btn-primary btn-lg">开始练习</a>
        <a routerLink="/users/login" class="btn btn-outline-light btn-lg ml-2">登录/注册</a>
      </div>
    </div>
  </section>

  <section class="features-section py-5">
    <div class="container">
      <h2 class="text-center mb-5">平台特色</h2>
      <div class="row">
        <div class="col-md-4 feature-card">
          <div class="card h-100">
            <div class="card-body text-center">
              <i class="fas fa-code feature-icon"></i>
              <h3>丰富的题库</h3>
              <p>涵盖算法、数据结构、数据库等多种题目类型</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 feature-card">
          <div class="card h-100">
            <div class="card-body text-center">
              <i class="fas fa-bolt feature-icon"></i>
              <h3>实时判题</h3>
              <p>提交代码后立即获得反馈和运行结果</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 feature-card">
          <div class="card h-100">
            <div class="card-body text-center">
              <i class="fas fa-trophy feature-icon"></i>
              <h3>竞赛系统</h3>
              <p>定期举办编程比赛，挑战自我</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
